{% extends "base_navigation.html" %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    {% block head_part %}
        <meta charset="UTF-8">
        <title>格式化文件名</title>
        <link rel="stylesheet" href="{% static 'Form_Style/css/style-nav.css' %}">
         <link rel="stylesheet" type="text/css" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
         <link rel="stylesheet" type="text/css" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.css' %}">
        <script src="{% static 'bootstrap/js-boot/bootstrap.min.js' %}"></script>
        <script src="{% static 'bootstrap/js-boot/jquery-3.3.1.min.js' %}"></script>

    {% endblock head_part %}
</head>
<body>
    {% block body_part %}
         {% block user_who %}| User：{{ username }}{% endblock user_who %}
        <article style="top: 30%;">
{#        注意学习#}
            <form class="form-horizontal"></form>
        <form class="form-horizontal" href="{% url "tool:format_name" %}" method="post">
            {% csrf_token %}
            <div class="form-group">
                <div class="col-md-4"></div>
                <div class="col-md-5">
                    <h2 class="col-sm-12">文件名格式化</h2>
                </div>
            </div>
          <div class="form-group">
            <label for="sample_path" class="col-sm-2 control-label">样本路径</label>
            <div class="col-sm-6">
              <input type="text" name="sample_path" class="form-control" id="sample_path" placeholder="样例示范：Sample\CNY\CounterfeitSample\CIS_HL\julong-AK">
            </div>
          </div>
          <div class="form-group">
            <label for="select_model" class="col-sm-2 control-label">机型选择</label>
            <div class="col-sm-6">
                <select name="search_T" class="form-control"  id="select_model">
{#                  <option value="0">APP选择</option>#}
                    {% for tmp in App_database %}
                         <option value="{{ tmp.name }}">{{ tmp.name }}</option>
                    {% endfor %}
                </select>
{#              <input type="password" class="form-control" id="inputPassword3" placeholder="Password">#}
            </div>
          </div>
          <div class="form-group">
                <label for="select_mode"  class="col-sm-2 control-label">模式选择</label>
                <div class="col-sm-6">
                    <select name="select_mode" class="form-control" id="select_mode">
                        <option value="normal">正常模式</option>
                        <option value="no_error">无错误码模式</option>
                    </select>
                </div>
          </div>
{#          <div class="form-group">#}
{#            <div class="col-sm-offset-2 col-sm-10">#}
{#              <div class="checkbox">#}
{#                <label>#}
{#                  <input type="checkbox"> Remember me#}
{#                </label>#}
{#              </div>#}
{#            </div>#}
{#          </div>#}
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
{#                onclick="progress()"#}
              <button type="submit" class="btn btn-default" onclick="progress()">提交格式化文件名</button>
            </div>
          </div>
        </form>
            <div class="col-sm-2"></div>
            <div class="col-sm-10">
                <h4>注意事项：</h4>
                <p>1.当出现load fail!的时候，说明某些样本文件有缺失（并不是四个）。</p>
                <p>2.即使失败进度条之前的格式化工作依旧会保留，可以选择继续。</p>
            </div>
            <div class="col-sm-1"></div>
            <div  class="col-sm-9" id="progress_ajax" >

            </div>
{#        <div class="row">#}
        </article>

        <script  src="{% static 'Form_Style/download_js/script-nav.js' %}"></script>
        <script  src="{% static 'JS/script-progress.js' %}"></script>
{#        消息框架#}
        	{% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
	{% endif %}
        <script>
        $('#submit').click(function(e){
           e.preventDefault()
        })
        </script>
    {% endblock body_part %}

</body>
</html>